<template>
  <div class="company-item">
    <div class="company-item-logo">
      <img :src="logo" class="logo-img">
    </div>
    <div class="company-item-intro">
      <div class="company-item-intro-title">
        {{company.name}}
        <icon-company-verified v-if="verifyShow"></icon-company-verified>
      </div>
      <div class="company-item-intro-body">
          <span class="company-item-intro-body-scale">{{company.scale}}</span>
          <i></i>
          <span class="company-item-intro-body-type">{{company.type || company.business}}</span>
      </div>
    </div>
  </div>
</template>
<script>
  var default_logo = "/static/logo.png"
  export default {
    props:["company","verifyShow"],
    data () {
      return {

      }
    }, 
    computed: {
      logo () {
        return this.company.logo ? this.company.logo : default_logo
      }
    }
  }
</script>
<style lang="stylus">
.company-item
  font-family pingfang-sc-medium
  display flex
  &-logo
    .logo-img
      width 50px
      height 50px
      border-radius 3px
  &-intro
    margin-left 8px
    &-title
      color #606462
      font-size 15px
      margin-top 3px
      margin-bottom 12px
    &-body
      font-size 12px
      color #999
      &-scale    
        margin-right 4px
      &-type    
        margin-left 4px
      i
        display inline-block
        width 1px
        height 11px
        background-color #aaa
      
</style>